<template>
<div class="container-fluid con">
<!-- 导航栏 -->
<div class="container-fluid nav">
	<!-- 导航栏基本完成，active属性未完善 -->
<div class="row ">
	<Navigation/>
</div>
</div>

<div class="container aside">
	<div class="row">
	<div class="col-md-8 ">
		<AsideLeft/>
	</div>
	<div class="col-md-4  ">
		<AsideRight/>
	</div>
	</div>
</div>

</div>

</template>

<script>
	//引入组件
import axios from "axios"
import AsideLeft from "./components/Aside/AsideLeft.vue"
import Navigation from "./components/Navigation/Navigation.vue"
import AsideRight from "./components/Aside/AsideRight.vue"
	export default {
		name:'App',
		components:{ Navigation, AsideLeft, AsideRight },
		data(){
			return {
				students:[]
			}
		},
		methods:{
			getStudents(){
				axios.get('http://localhost:8080/student/getStudents').then(
					response=>{
						this.students=response.data.students
					},
					error=>{
						console.log('请求失败',error.message)
					}
				)
			},
		}
		

	}
</script>

<style>

.con{
	background-color: #efefef;
	
}
.nav{
	height: 70px;
	width: 100%;
	margin: 0px 10px 0px 0px;
}
.aside{
	height: auto;
	
}

</style>
